<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns:jsp="http://java.sun.com/JSP/Page"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ci="http://java.sun.com/jsp/jstl/core"
	xmlns:c="http://sourceforge.net/projects/jsf-comp"
	xmlns:fn="http://java.sun.com/jsp/jstl/functions"
	xmlns:t="http://myfaces.apache.org/tomahawk"
    xmlns:p="http://primefaces.org/ui">

	<ui:composition template="/template/pCliente.xhtml">
		<ui:define name="head">
			<style type="text/css">
			</style>
			<script type="text/javascript">//<![CDATA[
				function limitarCaja(field, maxlimit) {
					try{
						if (field.value.length > maxlimit) {
							field.value = field.value.substring(0, maxlimit);
						}
					}catch(ex){
					}		
	            }
				function handleModaMailRebalancearRequest(xhr, status, args) {  
			        if(args.isRebMailPopupClose) {
			        	popmpnlEnviarMsg.hide(); 
			        }  
			    }
				
				function handleModaInfoAdicRebalancearRequest(xhr, status, args) {  
			        if(args.isRebInfoAdicPopupClose) {
			        	popmpEditarRebalanceo.hide(); 
			        }  
			    } 
				//]]>
			</script>
			<title>Asesor 360</title>
		</ui:define>
		
		<ui:define name="titulopagina">
			<h:outputText value="INFORMACIÓN DE REBALANCEO"/>
		</ui:define>
		
		<ui:define name="agregaIconoEjecutivos">
		</ui:define>

		<ui:define name="bodyarea">
			<p:messages id="growl" showDetail="true" closable="true" />
			<f:event type="preRenderView" listener="#{histRebalanceoCl.onPageLoad}"/>
			<input type="hidden" id="nomReporte" name="nomReporte" value="historicoRebalanceoClientes"/>
			<h:panelGrid id="idContentMain" width="100%">
			<h:panelGrid headerClass="cabeceraPanelSimple" cellspacing="0"
				cellpadding="5" styleClass="bordePanel" columns="1"
				style="width:100%; margin-left: 0px; margin-top: 3px; margin-bottom:5px">
				<f:facet name="header">
					<h:outputText value="Criterio de Búsqueda" />
				</f:facet>
				<h:panelGrid columns="8">						
					<h:outputText value="Fecha Desde:" styleClass="texto" />
					<p:calendar id="txtFechaDesde" value="#{histRebalanceoCl.histRebalanceoClModel.fechaDesde}" locale="es" showButtonPanel="false" 
						showOn="button"  pattern="dd/MM/yyyy" size="12" maxlength="10">
						<p:ajax event="dateSelect" listener="#{histRebalanceoCl.validateDateListener}" 
							update=":formPrincipal:growl"/>
						<p:ajax event="change" listener="#{histRebalanceoCl.validateDateListener}" 
							update=":formPrincipal:growl"/>
					</p:calendar>
						
					<h:outputText value="Fecha Hasta:" styleClass="texto"/>
					<p:calendar id="txtFechaHasta" value="#{histRebalanceoCl.histRebalanceoClModel.fechaHasta}" locale="es" showButtonPanel="false" 
						showOn="button"  pattern="dd/MM/yyyy" size="12" maxlength="10">
						<p:ajax event="dateSelect" listener="#{histRebalanceoCl.validateDateListener}" 
							update=":formPrincipal:growl"/>
						<p:ajax event="change" listener="#{histRebalanceoCl.validateDateListener}" 
							update=":formPrincipal:growl"/>
					</p:calendar>
						
					<h:outputText value="Asesor de Inversiones:" styleClass="texto"/>
					<h:inputText id="txtEjecutivo" value="#{histRebalanceoCl.histRebalanceoClModel.nombreEjecutivo}"/>

					<p:commandButton icon="ui-icon-search" value="Buscar" id="btnBuscar" actionListener="#{histRebalanceoCl.cargarCriteriosBusqueda}"
						update=":formPrincipal:growl,:formPrincipal:pnlBusquedaRebalanceo" />
				</h:panelGrid>
			</h:panelGrid>
			<h:panelGrid headerClass="cabeceraPanelSimple" cellspacing="0"
				cellpadding="5" styleClass="bordePanel" columns="1" id="pnlBusquedaRebalanceo"
				style="width:100%; margin-left: 0px; margin-top: 3px; margin-bottom:5px">
				<f:facet name="header">
					<h:outputText value="Histórico de Rebalanceo" />
				</f:facet>
				<h:panelGrid columns="1" width="100%" >
					<p:commandButton id="idNoNuevoRebalanceo" onclick="poppanelValidacion.show()" value="Nuevo" rendered="#{histRebalanceoCl.lanzarPopUp}"
						icon="ui-icon ui-icon-document"/>
					<p:tooltip for="idNoNuevoRebalanceo" value="Nuevo Rebalanceo"/>
					<p:commandButton id="idNuevoRebalanceo" value="Nuevo" actionListener="#{histRebalanceoCl.nuevoRebalancear}" icon="ui-icon ui-icon-document"
						rendered="#{!histRebalanceoCl.lanzarPopUp}"/>
					<p:tooltip for="idNuevoRebalanceo" value="Nuevo Rebalanceo"/>
					<p:dataTable id="listadoHistoricos" value="#{histRebalanceoCl.listaConsultaGeneral}" var="fila"
						emptyMessage="No hay resultados."
						paginatorTemplate="{FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink}"
						paginator="true" rows="10" rowIndexVar="rowIndex"
						rowStyleClass="#{(rowIndex mod 2) eq 0 ? 'styleDataTableRowColorClaro' : 'styleDataTableRowColorOscuro'}">
						<p:columnGroup type="header">
							<p:row>
								<p:column rowspan="2" headerText="Fecha"/>
								<p:column rowspan="2" headerText="Hora"/>
								<p:column rowspan="2" headerText="Asesor de Inversiones"/>
								<p:column rowspan="2"><f:facet name="header">
									<h:panelGrid columns="1" styleClass="panelgridInColumn">
										<h:outputText value="Perfil del"/>
										<h:outputText value="Cliente"/>
									</h:panelGrid></f:facet>
								</p:column>
								<p:column rowspan="2"><f:facet name="header">
									<h:panelGrid columns="1" styleClass="panelgridInColumn">
										<h:outputText value="Cantidad"/>
										<h:outputText value="Contratos"/>
									</h:panelGrid></f:facet>
								</p:column>
								<p:column colspan="3" headerText="Saldo en Moneda Extranjera"/>
								<p:column rowspan="2"><f:facet name="header">
									<h:panelGrid columns="1" styleClass="panelgridInColumn">
										<h:outputText value="Utilidad /"/>
										<h:outputText value="Pérdida"/>
									</h:panelGrid></f:facet>
								</p:column>
								<p:column rowspan="2" headerText="Estado"/>
								<p:column rowspan="2" headerText=""/>
								<p:column rowspan="2" headerText=""/>
								<p:column rowspan="2" headerText=""/>
								<p:column rowspan="2" headerText=""/>
								<p:column rowspan="2" headerText=""/>
							</p:row>
							<p:row>
								<p:column headerText="Actual"/>
								<p:column headerText="Retenido"/>
								<p:column headerText="Disponible"/>
							</p:row>
						</p:columnGroup>
						<p:column><h:outputText value="#{fila.fecharebalanceo}"/></p:column>
						<p:column><h:outputText value="#{fila.horarebalanceo}"/></p:column>
						<p:column>
							<h:outputText value="#{fila.nombreEjecutivo}"/>
							<f:attribute name="nowrap" value="true"/>
						</p:column>
						<p:column><h:outputText value="#{fila.perfilactual}"/></p:column>
						<p:column styleClass="columnTableNumber"><h:outputText value="#{fila.cantidadcontratos}"/></p:column>
						<p:column styleClass="columnTableNumber"><h:outputText value="#{fila.saldoactual}"/></p:column>
						<p:column styleClass="columnTableNumber"><h:outputText value="#{fila.saldoretenido}"/></p:column>
						<p:column styleClass="columnTableNumber"><h:outputText value="#{fila.saldodisponible}"/></p:column>
						<p:column styleClass="columnTableNumber"><h:outputText value="#{fila.utilidadperdida}"/></p:column>
						<p:column>
							<p:commandLink actionListener="#{histRebalanceoCl.seleccionarFila(fila)}" oncomplete="poppanelCambioEstado.show()" 
								rendered="#{fila.indLink=='S' and fila.tipoRebalanceo=='CL'}">
								<h:outputText value="#{fila.estadorebalanceo}" styleClass="textoLinkCelesteNormal"/>
							</p:commandLink>
							<h:outputText value="#{fila.estadorebalanceo}" rendered="#{fila.indLink!='S' or (fila.indLink=='S' and fila.tipoRebalanceo=='NCL')}"/>
						</p:column>
						<p:column>
							<p:commandButton id="btnInfoAdicional" actionListener="#{histRebalanceoCl.cargarDetalle(fila)}"
								oncomplete="popmpEditarRebalanceo.show()" icon="ui-icon ui-icon-folder-open" update=":idmpEditarRebalanceo"/>
							<p:tooltip for="btnInfoAdicional" value="Información Adicional"/>
						</p:column>	
						<p:column>
							<p:commandButton id="btnOpcionPropuesta" actionListener="#{histRebalanceoCl.seleccionarFilaHistorico(fila)}"
								oncomplete="popmpTipoReporte.show()" icon="ui-icon ui-icon-folder-open"/>
							<p:tooltip for="btnOpcionPropuesta" value="Ver Propuesta"/>		
						</p:column>							
						<p:column>
							<p:commandButton id="btnEnviarMailItem" actionListener="#{histRebalanceoCl.abrirFormMsg(fila)}"
								oncomplete="popmpnlEnviarMsg.show()" icon="ui-icon-mail-closed" update=":idmpnlEnviarMsg" />
						    <p:tooltip for="btnEnviarMailItem" value="Enviar Mail"/>
						</p:column>  
					  	<p:column>
					  		<p:commandButton actionListener="#{histRebalanceoCl.rebalancearEditar(fila)}" icon="ui-icon ui-icon-pencil"
								id="btnEditar" rendered="#{fila.indLink=='S' and fila.tipoRebalanceo=='CL'}" />
							<p:tooltip for="btnEditar" value="Editar"/>
						</p:column>
						<p:column>
							<p:commandButton actionListener="#{histRebalanceoCl.clonar(fila)}" icon="ui-icon-copy"
								id="btnClonar" rendered="#{fila.indLink=='S' and fila.tipoRebalanceo=='CL'}" 
								update=":formPrincipal:growl,:formPrincipal:pnlBusquedaRebalanceo" />
						    <p:tooltip for="btnClonar" value="Clonar"/>
						</p:column>				
					</p:dataTable>
				</h:panelGrid>
			</h:panelGrid>
			</h:panelGrid>
			<p:blockUI block=":formPrincipal:idContentMain" trigger=":formPrincipal:btnBuscar">
				<h:panelGrid columns="2">
					<p:graphicImage value="/imagenes/iconos/ajax-loader1.gif" style="margin-right: 12px; vertical-align: middle;"/>
					<h:outputText value="Cargando..." style="white-space: nowrap;" />
				</h:panelGrid>
			</p:blockUI>
		</ui:define>
		<ui:define name="extraarea">
			<ui:include src="/pages/includes/HistoricoRebalanceo_modal.xhtml" />
		</ui:define>	
	</ui:composition>
</html>
